<template>
  <div>
    <div class="jsx-3629788528 root">
      <div class="jsx-1572163888 banner-wrap noArrow">
        <div class="jsx-1572163888 colored-banner forest slim">
          目前开放的城市：北京、上海、深圳、杭州、南京、苏州
        </div>
      </div>
      <div class="jsx-1861509589 buyout-intro">
        <section class="jsx-1861509589 process-section">
          <h2 class="jsx-1861509589 intro-header" >单件估价，好衣回收</h2>
          <div class="jsx-1861509589 buyout-steps">
            <div class="jsx-2070130124 root">
              <div class="jsx-2070130124 main">
                <img
                  alt="步骤"
                  src="https://asset.duozhuayu.com//clothing/buyout_step_1.png"
                  class="jsx-2070130124 left"
                  style="width: 180px; height: 110px"
                />
                <div class="jsx-2070130124 right">
                  <div class="jsx-2070130124 title">
                    <div class="jsx-2070130124" style="font-size: 20px;">提交品牌</div>
                    <div class="jsx-2070130124" style="font-size: 20px;">获得估价</div>
                  </div>
                </div>
              </div>
            </div>
            <div class="jsx-2070130124 root">
              <div class="jsx-2070130124 main">
                <img
                  alt="步骤"
                  src="https://asset.duozhuayu.com//clothing/buyout_step_2.png"
                  class="jsx-2070130124 left"
                  style="width: 180px; height: 110px"
                />
                <div class="jsx-2070130124 right">
                  <div class="jsx-2070130124 title">
                    <div class="jsx-2070130124" style="font-size: 20px;">免费顺丰</div>
                    <div class="jsx-2070130124" style="font-size: 20px;">上门取衣</div>
                  </div>
                </div>
              </div>
            </div>
            <div class="jsx-2070130124 root">
              <div class="jsx-2070130124 main">
                <img
                  alt="步骤"
                  src="https://asset.duozhuayu.com//clothing/buyout_step_3.png"
                  class="jsx-2070130124 left"
                  style="width: 180px; height: 110px"
                />
                <div class="jsx-2070130124 right">
                  <div class="jsx-2070130124 title">
                    <div class="jsx-2070130124" style="font-size: 20px;">审核通过</div>
                    <div class="jsx-2070130124" style="font-size: 20px;">立刻打款</div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </section>
        <section class="jsx-1861509589 recycling-section">
          <h2 class="jsx-1861509589 intro-header">认真对待每件衣物</h2>
          <div class="jsx-1861509589 intro-desc">
            每件衣服经过专业清洗后二次销售
          </div>
          <div
            class="jsx-4144963047 root"
            style="
              background-image: url('https://asset.duozhuayu.com/clothing/recycling_intro.png');
              background-size: cover;
              background-position: center center;
              background-repeat: no-repeat;
            "
          ></div>
        </section>
        <section class="jsx-1861509589 qa-section">
          <h2 class="jsx-1861509589 intro-header">常见疑问</h2>
          <div class="jsx-1861509589 qa-list">
            <div class="jsx-1861509589 qa-item">
              <div class="jsx-1861509589 question">Q：不收哪些？</div>
              <div class="jsx-1861509589 answer">
                <div class="jsx-2283038152 no-buyout-answer">
                  <div class="jsx-2283038152">
                    有污渍、破损、变形的衣服不收购；
                    非正品服装不收。以及这些品类也不收购：
                  </div>
                  <div class="jsx-2283038152 no-buyout-case-list">
                    <div class="jsx-2283038152 no-buyout-case">
                      <div
                        class="jsx-2421865174 root"
                        style="
                          background-image: url('no_buyout_case_1.png');
                          background-size: 80%;
                          background-position: center center;
                          background-repeat: no-repeat;
                        "
                      ></div>
                      <div class="jsx-2283038152 case-name">奢侈品</div>
                    </div>
                    <div class="jsx-2283038152 no-buyout-case">
                      <div
                        class="jsx-2421865174 root"
                        style="
                          background-image: url('no_buyout_case_2.png');
                          background-size: 80%;
                          background-position: center center;
                          background-repeat: no-repeat;
                        "
                      ></div>
                      <div class="jsx-2283038152 case-name">内衣裤</div>
                    </div>
                    <div class="jsx-2283038152 no-buyout-case">
                      <div
                        class="jsx-2421865174 root"
                        style="
                          background-image: url('no_buyout_case_3.png');
                          background-size: 80%;
                          background-position: center center;
                          background-repeat: no-repeat;
                        "
                      ></div>
                      <div class="jsx-2283038152 case-name">童装</div>
                    </div>
                    <div class="jsx-2283038152 no-buyout-case">
                      <div
                        class="jsx-2421865174 root"
                        style="
                          background-image: url('no_buyout_case_4.png');
                          background-size: 80%;
                          background-position: center center;
                          background-repeat: no-repeat;
                        "
                      ></div>
                      <div class="jsx-2283038152 case-name">包袋配饰鞋子</div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="jsx-1861509589 qa-item">
              <div class="jsx-1861509589 question">
                Q：目前支持哪些区域的收购服务？
              </div>
              <div class="jsx-1861509589 answer">
                暂时只支持北京、上海、深圳、杭州、南京、苏州地区邮寄。
              </div>
            </div>
            <div class="jsx-1861509589 qa-item">
              <div class="jsx-1861509589 question">
                Q：卖衣服的物流费用谁承担？
              </div>
              <div class="jsx-1861509589 answer">
                卖衣服物流费用全部由多抓鱼承担，我们会安排顺丰上门取件。
              </div>
            </div>
            <div class="jsx-1861509589 qa-item">
              <div class="jsx-1861509589 question">Q：如何收到卖衣服的钱？</div>
              <div class="jsx-1861509589 answer">
                快递签收后，我们会在 1-3
                天内完成衣服的审核。审核完成后，会将审核结果发送给你。在订单详情页确认审核结果或提交取回订单后，收购费用将即刻打到你的多抓鱼账户。进入「我的
                -
                钱包」查看余额，可以随时提现到微信钱包，或用来购买多抓鱼的其他商品。
              </div>
            </div>
          </div>
        </section>
        <section class="jsx-1861509589 support-links-section">
          <a
            href="/support/clothing-buyout"
            style="
              display: block;
              padding: 17px 0px;
              border-bottom: 0.5px solid rgb(242, 242, 242);
            "
            ><span class="jsx-2232935461 forest block withArrow grow"
              ><span class="jsx-2232935461 content">详细的收购规则</span
              ><svg
                viewBox="0 0 24 24"
                fill="none"
                stroke="currentColor"
                stroke-width="2"
                stroke-linecap="round"
                stroke-linejoin="round"
                xmlns="http://www.w3.org/2000/svg"
                class="Icon"
              >
                <polyline points="9 18 15 12 9 6"></polyline></svg></span
          ></a>
        </section>
      </div>
      <div class="Fixed" style="text-align: center; padding-bottom: 66px">
        <button
          class="
            Button Button--normal Button--forest Button--mega Button--round
          "
          style="
          height:44px;
            font-weight: 500;
            padding: 0px 38px;
            box-shadow: rgba(102, 102, 102, 0.5) 0px 1px 6px 0px;
            font-size: 16px;
            margin-bottom: 0px;
          "
        >
          <div class="Button-inner">提交衣服看估价</div>
        </button>
        <div class="Fix-iphone-x" style="background-color: transparent"></div>
      </div>
      <div class="jsx-1248852712">
        <a href="#/"
          ><div class="jsx-1248852712 home-btn">
            <svg
              xmlns="http://www.w3.org/2000/svg"
              viewBox="0 0 200 200"
              width="28"
              height="28"
              fill="rgb(255, 255, 255)"
            >
              <path
                d="M151.34 170.38H48.16c-5.78 0-10.38-3.74-12.28-10-4.55-15-.68-54.86-.22-59.37-.13-.81-1.32-1.67-2.9-1.67a12.36 12.36 0 01-12-8.08 10.78 10.78 0 014-12.12l67-50.5a13.47 13.47 0 0115.94 0l67 50.5a10.78 10.78 0 014 12.12 12.35 12.35 0 01-12 8.08c-1.57 0-2.77.86-2.9 1.67.45 4.41 4.16 43-.17 59.21-1.63 6.27-6.35 10.16-12.29 10.16zM99.75 35.61a3.65 3.65 0 00-2.19.67l-67 50.51c-.91.68-.74 1.2-.66 1.42.25.76 1.23 1.53 2.86 1.53 6.89 0 12.5 5.12 12.5 11.4v.5c-1.22 11.71-3.63 44.59-.18 55.94 1 3.22 2.53 3.22 3.11 3.22h103.15c1.5 0 2.53-1 3.07-3.06 4-15.15-.09-55.69-.14-56.1v-.5c0-6.28 5.6-11.4 12.49-11.4 1.63 0 2.62-.77 2.87-1.53.07-.22.25-.74-.67-1.42L102 36.28a3.7 3.7 0 00-2.25-.67zm-5.08-3.16z"
              ></path>
              <path
                d="M80.1 153.37a4.79 4.79 0 01-4.79-4.8v-19.32c0-7.75 7.61-16.06 17-16.06h14.94c9.36 0 17 8.31 17 16.06v19.32a4.8 4.8 0 11-9.59 0v-19.32c0-2.11-3.16-6.47-7.39-6.47H92.28c-4.23 0-7.39 4.36-7.39 6.47v19.32a4.79 4.79 0 01-4.79 4.8z"
              ></path>
            </svg></div
        ></a>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style>
.root.jsx-3629788528 {
    box-sizing: border-box;
    min-height: 100vh;
    background-color: rgb(255, 255, 255);
    padding-bottom: 200px;
}
.banner-wrap.noArrow.jsx-1572163888 {
    cursor: auto;
}
.banner-wrap.jsx-1572163888 {
    background-color: rgb(255, 255, 255);
    cursor: pointer;
}
.colored-banner.slim.jsx-1572163888 {
    padding: 8px 15px;
    font-size: 13px;
}
.colored-banner.forest.jsx-1572163888 {
    color: rgb(73, 119, 73);
    background-color: rgba(73, 119, 73, 0.08);
}
.colored-banner.jsx-1572163888 {
    box-sizing: border-box;
    width: 100%;
    padding: 10px 15px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    font-size: 14px;
    font-weight: 400;
    color: rgb(24, 195, 170);
    background-color: rgba(24, 195, 170, 0.1);
}
.buyout-intro.jsx-1861509589 {
    padding: 18px 15px 0px;
}
.process-section.jsx-1861509589 {
    margin-top: 20px;
}
article, aside, footer, header, nav, section {
    display: block;
}
.intro-header.jsx-1861509589 {
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
    text-align: center;
}
.root.jsx-2070130124 {
    padding: 15px;
    border-bottom: 1px solid rgb(247, 247, 247);
}
.main.jsx-2070130124 {
    display: flex;
    height: 130px;
}
.left.jsx-2070130124 {
    height: 100%;
    width: 150px;
}
img {
    border-style: none;
}
.right.jsx-2070130124 {
    display: flex;
    -webkit-box-flex: 1;
    flex-grow: 1;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}
.title.jsx-2070130124 {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    margin-top: -18px;
    letter-spacing: 2px;
}
.recycling-section.jsx-1861509589 {
    margin-top: 35px;
}
.intro-header.jsx-1861509589 {
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
    text-align: center;
}
.intro-desc.jsx-1861509589 {
    margin: 4px 0px 20px;
    font-size: 13px;
    font-weight: normal;
    text-align: center;
    color: rgb(51, 51, 51);
}
.root.jsx-4144963047 {
    display: flex;
}
.root.jsx-4144963047::before {
    content: "";
    padding-top: 69.98%;
}
.qa-section.jsx-1861509589 {
    padding: 38px 10px 34px;
}
.intro-header.jsx-1861509589 {
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
    text-align: center;
}
.qa-list.jsx-1861509589 {
    margin-top: 18px;
}
.qa-item.jsx-1861509589 {
    margin-bottom: 27px;
}
.question.jsx-1861509589 {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
}
.answer.jsx-1861509589 {
    margin-top: 5px;
    font-size: 14px;
    font-weight: normal;
}
.no-buyout-answer.jsx-2283038152 {
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
}
.no-buyout-case-list.jsx-2283038152 {
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    width: 112%;
    margin-top: 4px;
}
.no-buyout-case.jsx-2283038152 {
    width: 25%;
}
.root.jsx-2421865174 {
    display: flex;
}
.root.jsx-2421865174::before {
    content: "";
    padding-top: 100%;
}
.case-name.jsx-2283038152 {
    margin-top: -6px;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.29;
    text-align: center;
}

.support-links-section.jsx-1861509589 {
    border-top: 0.5px solid rgb(242, 242, 242);
}
.grow.jsx-2232935461 {
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
}
.withArrow.jsx-2232935461 {
    cursor: pointer;
}
.block.jsx-2232935461 {
    display: block;
}
.forest.jsx-2232935461 {
    color: rgb(73, 119, 73);
}
.grow.jsx-2232935461 .content.jsx-2232935461 {
    -webkit-box-flex: 1;
    flex-grow: 1;
}
.is-apple .Icon {
    vertical-align: text-bottom;
}
svg:not(:root) {
    overflow: hidden;
}
.Icon {
    float: right;
    width: 1.4em;
    vertical-align: -0.3em;
}
</style>